<template>
	<div class="app-container foSi14">
		<div class="dis disJuB disAl">
			<div class="foSi12 hei32" style="position: relative;color: #787878;line-height: 32px;">场馆授课老师设置
			</div>
			<router-link to="/venue/employeeSettingEdit">
				<el-button type="primary" size="small" class="bac6b7">
					编辑
				</el-button>
			</router-link>
		</div>
		<div class="wid100 set-normal-list dis disAl set-list mar-top20">
			<div class="label">对场馆授课老师称呼: </div>
			<div class="mar-left20">{{ all_nickname_index }}</div>
		</div>
	</div>
</template>

<script>
	import {
		getXuan
	} from '@/utils/limits.js'
	import {
		mapGetters
	} from 'vuex' // Secondary package based on el-pagination
	import {
		getTeacherTitle
	} from '@/api/venue'; // Secondary package based on el-pagination
	export default {
		name: 'ArticleList',
		components: {},
		filters: {
			statusFilter(status) {
				const statusMap = {
					published: 'success',
					draft: 'info',
					deleted: 'danger'
				}
				return statusMap[status]
			}
		},
		data() {
			return {
				all_nickname_index: ''
			}
		},
		computed: {
			...mapGetters([
				'permission_routes',
				'roles'
			])
		},
		created() {
			var xuanList = [{
				name: '员工管理',
				url: '/venue/employee',
				pd: true
			}, {
				name: '设置',
				url: '/venue/employeeSetting',
				pd: true
			}]
			var xuanList1 = getXuan(xuanList, this.roles)
			this.$store.dispatch('user/changeXuan', {
				key: 'xuanList',
				value: xuanList1
			})
			this.$store.dispatch('user/changeXuan', {
				key: 'xuan',
				value: 1
			})
			this.getList()
		},
		methods: {
			getList() {
				getTeacherTitle().then(response => {
					const {
						data
					} = response
					this.all_nickname_index = data
				})
			}
		}
	}
</script>

<style scoped>
	.edit-input {
		padding-right: 100px;
	}

	.cancel-btn {
		position: absolute;
		right: 15px;
		top: 10px;
	}

	.typelists {
		cursor: pointer;
		margin-right: 30px;
		margin-bottom: 10px;
		vertical-align: middle;
		font-size: 12px;
	}

	.typexuan {
		color: #6b7cdd;
	}

	::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td {
		background-color: #616b74;
		color: #fff;
	}

	::v-deep .el-table--enable-row-hover .el-table__body tr>td {
		color: #000;
	}

	/* ::v-deep .el-table__body .el-table__row.hover-row td {
		background-color: #616b74
	} */
	.set-normal-list {
		padding: 10px;
	}
	
	.set-list {
		background: #f2f2f2;
	}
	
	.set-normal-list:hover {
		background: #616b74;
		color: #fff;
	}
</style>